<div class="index-box">
    <div class="float-l" style="width: 75%;max-width: 1006px;">
        <div style="width: 100%;height:340px;box-shadow: 0px 0px 6px rgba(102,102,102,0.2);">
            <img src="../../../assets/img/yljl.png" class="float-l"/>
        </div>
        <div style="width: 100%;margin-top: 20px;">
            <div class="float-l" style="width:495px;height:303px;box-shadow: 0px 0px 6px rgba(102,102,102,0.2);">
                <img class="xmzy" src="../../../assets/img/xmzy.png" class="float-l"/>
            </div>
            <div class="float-r grxm">
                <div class="gg-border grxm-border">
                    <div class="float-l left-border-gg"></div>
                    <div class="float-l gg-name">个人项目</div>
                    <div class="float-r gg-more"><span class="float-l">More </span><img class="float-l"
                                                                                        style="margin-top: 18px;"
                                                                                        src="../../../assets/img/more.png"/>
                    </div>
                </div>
                <div class="grxm-table">
                    <table>
                        <thead>
                        <th class="table-tr-mar">项目名称</th>
                        <th>项目类型</th>
                        <th>演练次数</th>
                        <th>开始演练</th>
                        </thead>
                        <tbody>
                        <tr>
                            <td class="table-tr-mar">2017年汞中毒事件</td>
                            <td>危机演练</td>
                            <td>28</td>
                            <td>
                                <div class="start-btn">开始</div>
                            </td>
                        </tr>
                        <tr>
                            <td class="table-tr-mar">沙漠掘金</td>
                            <td>沙盘游戏</td>
                            <td>23</td>
                            <td>
                                <div class="start-btn">开始</div>
                            </td>
                        </tr>
                        <tr>
                            <td class="table-tr-mar">红黑扑克</td>
                            <td>博弈论</td>
                            <td>19</td>
                            <td>
                                <div class="start-btn">开始</div>
                            </td>
                        </tr>
                        <tr>
                            <td class="table-tr-mar">北京地铁出轨事件</td>
                            <td>危机演练</td>
                            <td>11</td>
                            <td>
                                <div class="start-btn">开始</div>
                            </td>
                        </tr>
                        <tr>
                            <td class="table-tr-mar">企业经营决策案例</td>
                            <td>事件演练</td>
                            <td>8</td>
                            <td>
                                <div class="start-btn">开始</div>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <!--<img src="../../../assets/img/grxm.png" class="float-l"/>-->
        </div>
    </div>
    <div class="float-l index-gg">
        <div class="gg-border">
            <div class="float-l left-border-gg"></div>
            <div class="float-l gg-name">公告</div>
            <div class="float-r gg-more"><span class="float-l">More </span><img class="float-l"
                                                                                style="margin-top: 18px;"
                                                                                src="../../../assets/img/more.png"/>
            </div>
        </div>
        <div class="gg-list">
            <div>
                <img class="float-l" src="../../../assets/img/g-lsit-icon.png"/>
                <div class="float-l gg-word" style="width: calc(100% - 26px);">演练通知：01月18日将进行“沙漠掘金”项目演练。</div>
            </div>
            <div class="time-index-gg">
                --- 2018年01月08日
            </div>
        </div>
        <div class="gg-list">
            <div>
                <img class="float-l" src="../../../assets/img/g-lsit-icon.png"/>
                <div class="float-l gg-word" style="width: calc(100% - 26px);">演练通知：1月10日将进行“2017年汞中毒事件”项目演练。</div>
            </div>
            <div class="time-index-gg">
                --- 2018年01月02日
            </div>
        </div>
        <div class="gg-list">
            <div>
                <img class="float-l" src="../../../assets/img/g-lsit-icon.png"/>
                <div class="float-l gg-word" style="width: calc(100% - 26px);">系统通知：云项目库更新项目《沙漠掘金》。</div>
            </div>
            <div class="time-index-gg">
                --- 2018年01月02日
            </div>
        </div>
        <div class="gg-list">
            <div>
                <img class="float-l" src="../../../assets/img/g-lsit-icon.png"/>
                <div class="float-l gg-word" style="width: calc(100% - 26px);">演练通知：12月25日将进行“2017年汞中毒事件”项目演练。</div>
            </div>
            <div class="time-index-gg">
                --- 2017年12月11日
            </div>
        </div>
        <div class="gg-list">
            <div>
                <img class="float-l" src="../../../assets/img/g-lsit-icon.png"/>
                <div class="float-l gg-word" style="width: calc(100% - 26px);">系统通知：云项目库更新项目《2017年汞中毒事件》。</div>
            </div>
            <div class="time-index-gg">
                --- 2017年10月13日
            </div>
        </div>
    </div>
</div>
